<!--
 * @Title: 标题
 * @Description: 描述
 * @FilePath: /easy-code/src/components/generator/generator-panel.vue
-->
<template>
  <el-container class="w-full h-full">
    <el-container class="border-right">
      <el-header class="border-bottom">EasyCode代码生成器</el-header>
      <el-container>
        <el-aside width="270px" class="border-right p-2">
          <el-scrollbar>
            <div v-for="(group, index) in componentList" :key="index">
              <div class="p-2">{{ group.name }}</div>
              <div class="flex flex-wrap justify-between">
                <div
                  class="flex-none w[50%]"
                  v-for="(item, index2) in group.children"
                  :key="index2"
                >
                  <div class="m-1 p-2 bg-#efefef">
                    {{ item.title }}
                  </div>
                </div>
              </div>
            </div>
          </el-scrollbar>
        </el-aside>
        <el-main>Main</el-main>
      </el-container>
    </el-container>
    <el-aside width="270px" class="p-2"> sssssssssss </el-aside>
  </el-container>
</template>
<script lang="ts" setup>
import { componentList } from '@/config/config'
</script>
